extends ../main

block append body
    div#orderDetail.panel.box-shadow-none.content-header
        div.panel-body
            div.col-md-12
                h3.animated.fadeInLeft 订单管理
                p.animated.fadeInDown
                    | 订单管理&nbsp;
                    span.fa-angle-right.fa
                        | &nbsp;订单列表
    div.col-md-12.top-20.padding-0
        div.col-md-12
            div#appStepbar.panel
                div.panel-body
                    div.flowstep(data-control="Stepbar",data-reactid=".1")
                        ol.detail-stepbar.flowstep-5(data-reactid=".1.0")
                            li.step-first(data-reactid=".1.0.$1")
                               div.step-done(data-reactid=".1.0.$1.0")
                                   div.step-name(data-reactid=".1.0.$1.0.0") 拍下商品
                                   div.step-no(data-reactid=".1.0.$1.0.1")
                                   span(data-reactid=".1.0.$1.0.2")
                                   div.step-time(data-reactid=".1.0.$1.0.3")
                                       div.step-time-wraper(data-reactid=".1.0.$1.0.3.0") 2017-11-11 01:00:27
                            li.step-second(data-reactid=".1.0.$2")
                                div.step-done(data-reactid=".1.0.$2.0")
                                    div.step-name(data-reactid=".1.0.$2.0.0") 付款到支付宝
                                    div.step-no(data-reactid=".1.0.$2.0.1")
                                    span(data-reactid=".1.0.$2.0.2")
                                    div.step-time(data-reactid=".1.0.$2.0.3")
                                        div.step-time-wraper(data-reactid=".1.0.$2.0.3.0") 2017-11-11 01:00:27
                            li.step-third(data-reactid=".1.0.$3")
                                div.step-done(data-reactid=".1.0.$3.0")
                                    div.step-name(data-reactid=".1.0.$3.0.0") 卖家发货
                                    div.step-no(data-reactid=".1.0.$3.0.1")
                                    span(data-reactid=".1.0.$3.0.2")
                                    div.step-time(data-reactid=".1.0.$3.0.3")
                                        div.step-time-wraper(data-reactid=".1.0.$3.0.3.0") 2017-11-11 01:00:27
                            li.step-forth(data-reactid=".1.0.$4")
                                div.step-undo(data-reactid=".1.0.$4.0")
                                    div.step-name(data-reactid=".1.0.$4.0.0") 确认收货
                                    div.step-no(data-reactid=".1.0.$4.0.1")
                                    span(data-reactid=".1.0.$4.0.2")
                                    div.step-time(data-reactid=".1.0.$4.0.3")
                                        div.step-time-wraper(data-reactid=".1.0.$4.0.3.0") 2017-11-11 01:00:27
                            li.step-last(data-reactid=".1.0.$5")
                                div.step-done(data-reactid=".1.0.$5.0")
                                    div.step-name(data-reactid=".1.0.$5.0.0") 评价
                                    div.step-no(data-reactid=".1.0.$5.0.1")
                                    span(data-reactid=".1.0.$5.0.2")
                                    div.step-time(data-reactid=".1.0.$5.0.3")
                                        div.step-time-wraper(data-reactid=".1.0.$5.0.3.0") 2017-11-11 01:00:27
                div#appDetail.panel.form-element-padding
                    div.panel-heading
                        h2.b.panel-title(style="padding-left:30px") 订单信息
                    div.panel-body
                        div.div.col-sm-12(style="padding-top:10px;")
                            form.form-horizontal(role="form")
                                div.form-group
                                    label.col-sm-1.control-label.text-center.b(for="userName") 用户姓名
                                    div.col-sm-3
                                        input#userName.form-control(type="text",placeholder="用户姓名")
                                        input#orderId(type="hidden")
                                    label.col-sm-1.control-label.text-center.b(for="telephone") 联系电话
                                    div.col-sm-3
                                        input#telephone.form-control(type="text",placeholder="联系电话")
                                div.form-group
                                    label.col-sm-1.control-label.text-center.b(for="address") 联系地址
                                    div.col-sm-3
                                        input#address.form-control(type="text",placeholder="联系地址")
                                    label.col-sm-1.control-label.text-center.b(for="company") 快递公司
                                    div.col-sm-3
                                        input#company.form-control(type="text",placeholder="快递公司")
                                div.form-group
                                    label.col-sm-1.control-label.text-center.b(for="expressId") 快递单号
                                    div.col-sm-3
                                        input#expressId.form-control(type="text",placeholder="快递单号")
                                    label.col-sm-1.control-label.text-center.b(for="prodSendFee") 商品运费
                                    div.col-sm-3
                                        input#prodSendFee.form-control(type="text",placeholder="商品运费")
                                div.form-group
                                    label.control-label.col-sm-1.text-center.b(for="ordId") 订单编号
                                    div.col-sm-3
                                        input#ordId.form-control(type="text",placeholder="订单编号")
                                    label.control-label.col-sm-1.text-center.b(for="totalPrice") 订单总价
                                    div.col-sm-3
                                        input#totalPrice.form-control(type="text",placeholder="订单总价")
                div#appOrders.panel.form-element-padding
                    div.panel-body
                        div.div.col-md-12
                            table#buyTable
block append footer
    script(type="text/javascript").
        $(function(){
            var app = new Vue({
                el:"#orderDetail",
                data:{},
                methods:{
                    init:function () {
                        var columns=[{
                            checkbox:'ture'
                        },{
                            field:'prodName',
                            width:'20%',
                            title:'商品名称'
                        }, {
                            field: 'prodSize',
                            width: '17%',
                            title: '商品规格'
                        },{
                            field:'prodPrice',
                            width:'15%',
                            title:'商品单价'
                        },{
                            field:'prodNumber',
                            width:'15%',
                            title:'商品数量'
                        },{
                            field:'totalPrice',
                            width:'15%',
                            title:'商品总价'
                        },{
                            field:'orderStatus',
                            width:'15%',
                            title:'订单状态'
                        }];
                        var tableInit = zxlib.datatable("buyTable", "buy_id", "/manager/order/getorderDetail", columns);
                        console.log(tableInit);
                        tableInit.init();

                        var oButtonInit = new ButtonInit();
                        oButtonInit.Init();

                    }
                }
            });

            app.init();
        });

        var ButtonInit = function () {
            var oInit = new Object();

            oInit.Init = function () {
                //初始化页面上面的按钮事件
                $('#btn_add').click(function () {

                });

                $('#btn_edit').click(function () {

                });

                $('#btn_delete').click(function () {

                });
            };

            return oInit;
        };


